<ui:composition template="../template/plantilla_01.xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:fn="http://java.sun.com/jsp/jstl/functions"
    xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="head">
        
        <h:outputStylesheet library="css" name="css_boxes.css"/>
        <h:outputStylesheet library="css" name="principalPool.css" rendered="#{fn:length(poolAplicacionBean.pooles)>0}"/>
        <h:outputStylesheet library="css" name="jquery.countdown.css" rendered="#{fn:length(poolAplicacionBean.pooles)>0}"/>
   
       <!-- <script type="text/javascript">
        $(document).ready(function(){

        //Check if the current URL contains '#' 
        if(document.URL.indexOf("#")==-1)
        {
         // Set the URL to whatever it was plus "#".
        url = document.URL+"#";
        location = "#";

        //Reload the page
        location.reload(true);

        }
        });
        </script>  -->
        
        
    </ui:define>

    <ui:define name="menuUsuario">

    </ui:define>

    <ui:define name="panelCentral">

        <h:form id="formulario"  >
            
            <header>
            <p:messages showDetail="true" />
                
                <!-- LOGOTIPO INTERCAP  -->
                <div style="position: relative; width:auto; float:left; top:0px; " >

                    <h:outputLink id="lnkHome" value="#{application.contextPath}/home/" >
                        <span itemprop="logo"><h:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/logo-intercap.png"  alt="E-Biz - Intercap S.R.L."
                                                              width="300" /></span>
                    </h:outputLink>
                    <p:tooltip for="lnkHome" value="Ir a la pantalla principal"  showEffect="fade" hideEffect="fade" />
                </div>
                <!-- FIN LOGOTIPO INTERCAP  -->
              
                <!-- MENU PUBLICO  -->
                 <div class="menuPublico">                   
                     <h:outputLink id="menuHome"      styleClass="menuHomeBoton1" value="#{application.contextPath}/home/" >HOME</h:outputLink>
                     <h:outputLink id="menuCatalogo"      styleClass="menuHomeBoton2" value="#{application.contextPath}/catalogo/" >CATÁLOGO</h:outputLink>
                     <h:outputLink id="menuQuienes"   styleClass="menuHomeBoton1"  value="#{application.contextPath}/quienes-somos/">QUIENES SOMOS</h:outputLink>
                     <h:outputLink id='menuAlmacenes' styleClass="menuHomeBoton2"  value="#{application.contextPath}/almacenes/"> ALMACENES </h:outputLink>
                     <h:outputLink id="menuSolicitud" styleClass="menuHomeBoton1"  value="#{application.contextPath}/solicitud-cliente/">QUIERO SER CLIENTE</h:outputLink>
                     <h:outputLink id="menuContacto"  styleClass="menuHomeBoton2"  value="#{application.contextPath}/contacto/">CONTACTO</h:outputLink>                     
                 </div>
              <!-- FIN MENU PUBLICO -->
           
            </header>
            
            <div class="contPool">    
                <ui:include src="../pool/bannerPool.xhtml" />                
            </div>

            <div class="contSlider">                
                <c:if test="#{aplicacionBean.parametro.tipoHome == 'A'}" >
                    <p:carousel itemStyleClass="carItem" pageLinks="6" 
                                autoPlayInterval="4000"                                
                                numVisible="1"
                                effect="easeInStrong"
                                circular="true"
                                value="#{aplicacionBean.imagenesHome}"
                                var="image" >
                       
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesHome}/#{image.nomimg}"
                                         width="980px" height="320px"/>
                    </p:carousel>
                </c:if>             
                <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesHome}/#{aplicacionBean.parametro.imagenUnicaHome}"
                                rendered="#{aplicacionBean.parametro.tipoHome == 'B'}" />              
            </div>
          
            <div class="boxMarcas">                
                <div class="box01">                    
                    <p:carousel autoPlayInterval="4000" numVisible="1" vertical="true" circular="true"  >
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-01.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-02.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-03.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-04.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-05.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-06.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-07.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-08.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-09.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-10.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-11.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-12.jpg" width="780" height="140"/>
                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/slide-marcas-13.jpg" width="780" height="140"/>
       
                    </p:carousel>                    
                </div>
                
                <div class="box02">                
                    <a href="#{application.contextPath}/forma-parte/" class="DosLineas" >
                        <span> > FORMÁ PARTE DE NUESTRO EQUIPO</span>
                    </a>
                   
                    <a href="#{application.contextPath}/solicitud-cliente/" class="DosLineas">
                        <span> > ¿VAS A ABRIR TU CASA DE REPUESTOS?</span>
                    </a>
                    
                    <a href="#{aplicacionBean.parametro.linkRevistaEM}" target="_blank" class="UnaLinea">
                        <span> > REVISTA EXCLUSIVO MOTO</span>                  
                    </a>
                </div>                
            </div>           
            
            <!-- COMIENZO MENU INFERIOR HOME -->
            <div  id="boxes" class="boxes" >
                  
               
                
                <div class="btnGrandeA" style="margin-right:13px;" >
                   <p:commandLink action="#{catalogoBean.verCatalogo}" immediate="true" ajax="false" >
                   <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/btn_hcatpublico.png" title="Catálogo Público" />
                   </p:commandLink>
                 </div>
                                      
                 <div class="btnGrandeB" style="margin-right:13px;" onclick="location.href='#{application.contextPath}/informacion-util/'">
                   <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/btn_hinfoutil.png" title="Información Útil" />
                 </div>
                                  
                 <div class="btnGrandeA" style="margin-right:13px;" onclick="location.href='#{application.contextPath}/vendedores/'" >
                   <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/btn_hvendedores.png" title="Vendedores" />
                 </div>
        
                 <div class="btnGrandeB" onclick="location.href='#{application.contextPath}/contacto/'" >
                    <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/btn_hcontactenos.png" title="Contactenos" />
                 </div>

            </div>

        </h:form>
        
    </ui:define>

</ui:composition>

